function tab() {
    var oli = document.querySelectorAll(".list li")
    var otab = document.querySelectorAll(".main , .main_copy")
    oli.forEach((time, index) => {
        console.log(otab[index]);
        time.index = index
        time.onclick = function () {
            clean()
            otab[time.index].style.display = "block"
        }
    });

    function clean() {
        otab.forEach(element => {
            element.style.display = "none"
        })
    }
}
tab()

//主体生产库的
//主体生产库的
//主体生产库的
Api.querysubject(subject, size = 10, page = 1)

function subject(subjectdata, sum, page, tias) {
    tiaoshu = tias
    var steps = page
    var osum = document.querySelector("#sum_2")
    osum.innerHTML = sum
    // console.log(subjectdata);
    $("#tobdy_1").eq(0).children().remove()
    subjectdata.forEach(time => {
        tr = `   <tr class="content">
    <td>${time.subjectName}</td>
    <td>${time.subjectLinkman}</td>
    <td>${time.subjectTele}</td>
    <td>${time.subjectTypeName}</td>
    <td>${time.subjectOrgCode}</td>
    <td>${time.subjectBase}</td>
    <td>${time.subjectAddr}</td>
    <td> <span>查看</span> <span>编辑</span> </td>
</tr>`
        document.querySelector("#tobdy_1").insertAdjacentHTML("beforeend", tr)
    })



    $("#pager_2").zPager({
        htmlBox: $('#wraper'),
        btnShow: true,
        ajaxSetData: false,
        totalData: sum, //数据总条数
        pageData: tiaoshu, //每页数据条数
        pageCount: Math.ceil(sum / tiaoshu), //总页数
        current: page, //当前页码数
        pageStep: 8, //当前可见最多页码个数
        minPage: 5, //最小页码数，页码小于此数值则不显示上下分页按钮
        active: 'current', //当前页码样式
        prevBtn: 'pg-prev', //上一页按钮
        nextBtn: 'pg-next', //下一页按钮
        btnBool: true, //是否显示上一页下一页
        firstBtn: 'pg-first', //第一页按钮
        lastBtn: 'pg-last', //最后一页按钮
        btnShow: true, //是否显示第一页和最后一页按钮
        disabled: true, //按钮失效样式
    });

    nans("#pager_2", Api.querysubject, subject)
    //第一页pg-first
    $(".pg-first").eq(0).on("click", function () {
        console.log(1);
        steps = 1
        Api.querysubject(subject, tiaoshu, steps)
    })

    //最后一页pg-last
    $(".pg-last").eq(0).on("click", function () {
        // console.log(1);
        steps = Math.ceil(sum / tiaoshu)
        Api.querysubject(subject, tiaoshu, steps)
    })


    // 下一页
    $(".pg-next").eq(0).on("click", function () {
        steps++
        Api.querysubject(subject, tiaoshu, steps)
    })
    // 上一页
    $(".pg-prev").eq(0).on("click", function () {
        steps--
        Api.querysubject(subject, tiaoshu, steps)
    })


}
// 选择一页显示几条
$("#strip").eq(0).on("change", function () {

    Api.querysubject(subject, $(this).val(), 1)

})
//选择跳转到第几页
$("#Jump").eq(0).on("change", function () {

    Api.querysubject(subject, tiaoshu, $(this).val())

})
//选择



//  渲染生产主体的的数据
//  渲染生产主体的的数据
//  渲染生产主体的的数据
Api.massif(cremassif, size = 10, page = 1)

function cremassif(massifarr, sum, page, tias) {
    var tiaoshu = tias
    var steps = page
    var osum = document.querySelector("#sum")
    osum.innerHTML = sum

    $("#tbody").eq(0).children().remove()
    massifarr.forEach(time => {
        tr = ` <tr class="content_copy">
         <td>${time.landCode}</td>
        <td>${time.landName}</td>
        <td>${time.landTownName}</td>
        <td>${time.landVillageName}</td>
        <td>${time.mu}</td>
        <td>${time.landTypeName}</td>
        <td>${time.subjectNames}</td>
        <td>${time.landProductName}</td>
        <td>${time.landOtherType}</td>
        <td> <span>查看</span> </td>
        </tr>`
        document.querySelector("#tbody").insertAdjacentHTML("beforeend", tr)
    })


    $("#pager").zPager({
        // totalData: 50,
        htmlBox: $('#wraper'),
        btnShow: true,
        ajaxSetData: false,
        totalData: sum, //数据总条数
        pageData: tiaoshu, //每页数据条数
        pageCount: Math.ceil(sum / tiaoshu), //总页数
        current: page, //当前页码数
        pageStep: 8, //当前可见最多页码个数
        minPage: 5, //最小页码数，页码小于此数值则不显示上下分页按钮
        active: 'current', //当前页码样式
        prevBtn: 'pg-prev', //上一页按钮
        nextBtn: 'pg-next', //下一页按钮
        btnBool: true, //是否显示上一页下一页
        firstBtn: 'pg-first', //第一页按钮
        lastBtn: 'pg-last', //最后一页按钮
        btnShow: true, //是否显示第一页和最后一页按钮
        disabled: true, //按钮失效样式
        // ajaxSetData: true, //是否使用ajax获取数据 此属性为真时需要url和htmlBox不为空
        // url: 'http://192.168.104.217:8280/rbac/data/LandInfo/getList', //ajax路由
        // htmlBox: massifarr //ajax数据写入容器
    });
    //点击页数跳转函数
    nans("#pager", Api.massif, cremassif)
    //第一页pg-first
    $(".pg-first").eq(1).on("click", function () {
        // console.log($(".pg-first").eq(1));
        steps = 1
        Api.massif(cremassif, tiaoshu, steps)
    })

    //最后一页pg-last
    $(".pg-last").eq(1).on("click", function () {
        steps = Math.ceil(sum / tiaoshu)
        Api.massif(cremassif, tiaoshu, steps)
    })
    // 下一页
    $(".pg-next").eq(1).on("click", function () {
        steps++
        Api.massif(cremassif, tiaoshu, steps)
    })
    // 上一页
    $(".pg-prev").eq(1).on("click", function () {
        steps--
        Api.massif(cremassif, tiaoshu, steps)
    })


}
// 选择显示几条
$("#strip_1").on("change", function () {
    Api.massif(cremassif, $(this).val(), 1)

})
//选择跳转第几页
$("#Jump_2").eq(0).on("change", function () {
    Api.massif(cremassif, tiaoshu, $(this).val())

})



function nans(obj, fn, fn2) {
    $(obj).children().each(function () {

        if ($(this).text()) {

            $(this).on("click", function () {
                fn(fn2, tiaoshu, $(this).text())
                // Api.querysubject(subject,size = 10, $(this).text())
                // Api.massif(cremassif, size = 10, $(this).text())
            })
        }
    })
}